/* Base styles */

/* .site-title {
	margin-bottom: 0;
} */
/* .main-menu {
	padding: .4em 1em;
	color; white;
	background: hsl(0, 0%, 20%);
} */
/* .post-content {
	padding: 0 1.4em 1.4em;
} */
/* .sidebar {
	margin-bottom: 0;
	padding: .5em 1.4em 1em;
	background: hsl(0, 0%, 90%);
} */
/* .main-title_h1 {
	padding: .5em 1.4em 1em;
	background: hsl(0, 0%, 90%);
} */
/* .content-title_h2 {
	padding: .5em 0em 1em;
} */
/* .site-title_h3 {
	padding: .5em 1em 1em;
} */
/* .exemple-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} */
/* .exemple-menu a {
	display: block;
	padding: .4em 1em;
	color: inherit;
	text-decoration: none;
	transition: all 0.5s ease;
} */
/* .exemple-menu a:hover,
.exemple-menu a:focus {
	padding: .4em 2em;
	background: hsl(0, 0%, 20%);
	color: white;
} */
/* .footer-area {
	padding: .4em 1em;
	text-align: center;
	background: hsl(0, 0%, 75%);
} */
/* Flexbox */

@media screen and (min-width: 40em) {
	.outer-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		min-height: 100vh;
	}
	.content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}

	.main-area {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	/* .post-content {
		max-width: 40em;
		margin: 0 auto;
	} */
	.sidebar {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 12em;
		        flex: 0 0 12em;
		order: -1;
	} /*  */
}